<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>首页</title>
	<link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
	<link rel="stylesheet" type="text/css" href="css/index.css">
	<link rel="stylesheet" type="text/css" href="css/use.css"	
</head>
<body>
	
	<div class="container">
		<div class="row">
			<div class="col-md-4 logol1">
				<a href="index.html">
					<h4 class="logol2">tower</h4>
				</a>
			</div>
			<div class="col-md-4 nav2">
				<ul class="nav nav-pills nav1">
				  <li role="presentation"><a href="index.html">首页</a></li>
				  <li role="presentation"><a href="#">价格</a></li>
				  <li role="presentation"><a href="#">快速入门</a></li>
				  <li role="presentation">
				  	<div class="dropdown" id="resource">
					  <a data-target="#" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
					    资源
					    <span class="caret"></span>
					    <ul class="nav nav-pills dropdown-menu nav1" aria-labelledby="dLabel">
						    <!-- <li><a href="#">帮助中心</a></li>
						    <li><a href="#">功能日志</a></li>
						    <li><a href="#">下载客户端</a></li>
						    <li><a href="#">企业微信</a></li>
						    <li><a href="#">企业服务精选</a></li>
						    <li><a href="#">@Towerim</a></li>
						    <li><a href="#">Tower公众号</a></li> -->
						    <li><a data-target="#">帮助中心</a></li>
						    <li><a data-target="#">功能日志</a></li>
						    <li><a data-target="#">下载客户端</a></li>
						    <li><a data-target="#">企业微信</a></li>
						    <li><a data-target="#">企业服务精选</a></li>
						    <li><a data-target="#">@Towerim</a></li>
						    <li><a data-target="#">Tower公众号</a></li>
						  </ul>
					  </a>  
					</div>
				  </li>
				</ul>
			</div>
			<div class="col-md-4 nav2">
				<button class="btn btn1 enter"><a href="#">进入 Tower</a></button>
			</div>
		</div>
	</div>
	
		<br><br><br><br>

			<h2 style="text-align: center;">问题分类</h2>
			<br><br>
			<div class="container">
				<!-- <div class="question"> -->
					<div class="row">
					  <div class="col-sm-6 col-md-4">	
					    <!-- <a href="#" class="thumbnail">
					    	<div class="row">
						  		<div class="col-md-4" id="img1">
						  			<img src="image/question.png" alt="..." class="question">
						  		</div>
						  		<div class="col-md-8">
						  			<h3>我该如何使用__ __？</h3>
					      			<h5>迅速找到 Tower 功能的使用方法</h5>
						  		</div>
						  	</div>
					    </a> -->
					    <a href="use.html" class="thumbnail catalogue">
						  	<img src="image/question.png" alt="..." class="icon1">
						  	<h4 class="catalogue-title">我该如何使用__ __？</h4>
					      	<h5 class="desc">迅速找到 Tower 功能的使用方法</h5>
					    </a> 
					  </div>
					  <div class="col-sm-6 col-md-4">	
					    <a href="#" class="thumbnail catalogue">
						  	<img src="image/cry.png" alt="..." class="icon1">
						  	<h4 class="catalogue-title" style="font-weight: bold;">我使用__ __时出现了问题</h4>
					      	<h5 class="desc">快速解决常见的使用问题</h5>
					    </a>
					  </div>
					  <div class="col-sm-6 col-md-4">	
					    <a href="#" class="thumbnail catalogue">
					    	<img src="image/person.png" alt="..." class="icon1">
						  	<h4 class="catalogue-title">个人资料与账户</h4>
					      	<h5 class="desc">个人账户、密码和资料修改</h5>
					    </a>
					  </div>			  
					</div>

					<div class="row">
					  <div class="col-sm-6 col-md-4">	
					    <a href="#" class="thumbnail catalogue">
					    	<img src="image/project.png" alt="..." class="icon1">
						  	<h4 class="catalogue-title">项目相关</h4>
					      	<h5 class="desc">项目及项目内各种功能的使用</h5>
					    </a>
					  </div>
					  <div class="col-sm-6 col-md-4">	
					    <a href="#" class="thumbnail catalogue">
					    	<img src="image/team.png" alt="..." class="icon1">
						  	<h4 class="catalogue-title">团队和成员管理</h4>
					      	<h5 class="desc">邀请，编辑和管理团队成员</h5>
					    </a>
					  </div>
					  <div class="col-sm-6 col-md-4">	
					    <a href="#" class="thumbnail catalogue">
					    	<img src="image/report.png" alt="..." class="icon1">
						  	<h4 class="catalogue-title">汇报功能</h4>
					      	<h5 class="desc">设置、撰写和管理汇报</h5>
					    </a>
					  </div>			  
					</div>

					<div class="row">
					  <div class="col-sm-6 col-md-4">	
					    <a href="#" class="thumbnail catalogue">
					    	<img src="image/pro.png" alt="..." class="icon1">
						  	<h4 class="catalogue-title">升级与付费</h4>
					      	<h5 class="desc">Tower Pro 的升级和付费相关</h5>
					    </a>
					  </div>
					  <div class="col-sm-6 col-md-4">	
					    <a href="#" class="thumbnail catalogue">
					    	<img src="image/calendar.png" alt="..." class="icon1">
						  	<h4 class="catalogue-title">鹰眼与日历功能</h4>
					      	<h5 class="desc">日历、日程、鹰眼的相关操作和使用</h5>
					    </a>
					  </div>
					  <div class="col-sm-6 col-md-4">	
					    <a href="#" class="thumbnail catalogue">
					    	<img src="image/mobile.png" alt="..." class="icon1">
						  	<h4 class="catalogue-title">在移动设备使用</h4>
					      	<h5 class="desc">在微信，企业微信和 Tower App 上使用</h5>
					    </a>
					  </div>			  
					</div>
			   <!-- </div> -->

	</div>
	<br><br><br><br>
	<footer class="footer2">
		<div class="container">
			<span class="p2">				
					<a href="#">服务条款</a>&nbsp;&nbsp;&nbsp;&nbsp;
					<a href="#">付费方案</a>&nbsp;&nbsp;&nbsp;&nbsp;
					<a href="#">帮助中心</a>&nbsp;&nbsp;&nbsp;&nbsp;
					<a href="#">功能日志</a>
			</span>
			<br><br>
			<!-- <ul>
				<li><a href="#">服务条款</a></li>
				<li><a href="#">付费方案</a></li>
				<li><a href="#">帮助中心</a></li>
				<li><a href="#">功能日志</a></li>
			</ul> -->
			<p class="p1">
				川B2-20130052 &nbsp; 蜀ICP备12019256号-5 &nbsp; © Mycolorway Design.
			</p>
		</div>
	</footer>
	<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
	<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</body>
</html>